<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>首页</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="home">

        <div class="header header_page">
            <div class="box">
                <div class="l">
                    <a href="./index.html" class="logo">
                        <img src="./images/logo.png" alt="">
                        <img src="./images/logo2.png" alt="">
                    </a>
                    <div class="links">
                        <div class="item">
                            <a href="./index.html" class="a1 active">
                                <p>首页</p>
                            </a>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./solution.html" class="a1">
                                <p>行业解决方案</p>
                            </a>
                            <div class="bmenu animated fadeIn">
                                <div class="lt">
                                    <p class="cn animated fadeInUp">行业解决方案</p>
                                    <p class="en animated fadeInUp">solution</p>
                                </div>
                                <div class="rc">
                                    <div class="list">
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>半导体</p>
                                        </a>
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>生物制药</p>
                                        </a>
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>能源</p>
                                        </a>
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>化工</p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./products.html" class="a1">
                                <p>产品与服务</p>
                            </a>
                            <div class="bmenu animated fadeIn">
                                <div class="lt">
                                    <p class="cn animated fadeInUp">产品与服务</p>
                                    <p class="en animated fadeInUp" id="text_en">product</p>
                                </div>
                                <div class="rc">
                                    <div class="list pro_menu">
                                        <a  class="active_menu animated fadeInUp">
                                            <p>产品中心</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#386EB5" />
                                            <path d="M15 6L21 12L15 18" stroke="#386EB5" />
                                        </svg>
                                        </a>
                                        <a   class="animated fadeInUp">
                                            <p>服务与售后</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none">
                                            <path d="M21 12H3" stroke="#386EB5" />
                                            <path d="M15 6L21 12L15 18" stroke="#386EB5" />
                                        </svg>
                                        </a>
                                    </div>
                                    <div class="list second_menu">
                                        <div class="on">
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>磁悬浮转台</p>
                                            </a>
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>磁悬浮泵</p>
                                            </a>
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>能源</p>
                                            </a>
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>化工</p>
                                            </a>
                                        </div>
                                        <div>
                                            <a href="./cpxx.html" class="animated fadeInUp">
                                                <p>产品选型</p>
                                            </a>
                                            <a href="./customization.html" class="animated fadeInUp">
                                                <p>产品定制</p>
                                            </a>
                                            <a href="./fwsh.html" class="animated fadeInUp">
                                                <p>服务与售后</p>
                                            </a>
                                            <a href="./downloads.html" class="animated fadeInUp">
                                                <p>下载中心</p>
                                            </a>
                                            <a href="./faq.html" class="animated fadeInUp">
                                                <p>F&Q</p>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./tech.html" class="a1">
                                <p>技术与创新</p>
                            </a>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./news.html" class="a1">
                                <p>新闻资讯</p>
                            </a>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./about.html" class="a1 ">
                                <p>关于我们</p>
                            </a>
                            <div class="bmenu animated fadeIn">
                                <div class="lt">
                                    <p class="cn animated fadeInUp">关于我们</p>
                                    <p class="en animated fadeInUp">about us</p>
                                </div>
                                <div class="rc">
                                    <div class="list">
                                        <a href="./about.html" class="animated fadeInUp">
                                            <p>关于我们</p>
                                        </a>
                                        <a href="./recruitment.html" class="animated fadeInUp">
                                            <p>招贤纳士</p>
                                        </a>
                                        <a href="./contact.html" class="animated fadeInUp">
                                            <p>联系我们</p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="r">
                    <div class="search">
                        <a href="./search.html">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                fill="none">
                                <path
                                    d="M10.5 19C15.1944 19 19 15.1944 19 10.5C19 5.8056 15.1944 2 10.5 2C5.8056 2 2 5.8056 2 10.5C2 15.1944 5.8056 19 10.5 19Z"
                                    stroke="white" stroke-width="1.5" />
                                <path
                                    d="M13.3287 7.17155C12.6049 6.4477 11.6049 6 10.5003 6C9.39572 6 8.39573 6.4477 7.67188 7.17155"
                                    stroke="white" stroke-width="1.5" stroke-linecap="square" />
                                <path d="M17 17L20.854 20.8535" stroke="white" stroke-width="2"
                                    stroke-linecap="square" />
                            </svg>
                        </a>
                        <input type="text" placeholder="输入您想查询的信息" id="search">
                    </div>
                    <div class="lan">
                        <a href="">CN</a>
                        <a href="">EN</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo2.png" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>

        <div class="menuList">
            <div class="lan">
                <a href="">CN</a>
                <a href="">EN</a>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./index.html">首页</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./solution.html">行业解决方案</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./solution.html">半导体</a>
                    <a href="./solution.html">生物制药</a>
                    <a href="./solution.html">能源</a>
                    <a href="./solution.html">化工</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./products.html">产品与服务</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./cpxx.html">产品选型</a>
                    <a href="./customization.html">产品定制</a>
                    <a href="./fwsh.html">服务与售后</a>
                    <a href="./downloads.html">下载中心</a>
                    <a href="./faq.html">F&Q</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./tech.html">技术与创新</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./news.html">新闻资讯</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">关于我们</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./recruitment.html">招贤纳士</a>
                    <a href="./contact.html">联系我们</a>
                </div>
            </div>
        </div>

        <div class="rfixed">
            <a href="">
                <svg xmlns="http://www.w3.org/2000/svg" width="37" height="34" viewBox="0 0 37 34" fill="none">
                    <path
                        d="M36.1576 26.5813L28.7036 19.7343C28.2539 19.3222 27.6446 19.0908 27.0094 19.0908C26.3742 19.0908 25.7649 19.3222 25.3152 19.7343L23.6211 21.2904C22.6628 22.1706 19.5596 21.2945 16.8448 18.8006C14.13 16.3068 13.1744 13.4578 14.1342 12.5764L15.8283 11.0203C16.2769 10.6072 16.5289 10.0476 16.5289 9.46414C16.5289 8.8807 16.2769 8.32108 15.8283 7.90802L8.37401 1.06128C7.92436 0.649243 7.31515 0.417847 6.68001 0.417847C6.04486 0.417847 5.43565 0.649243 4.986 1.06128L3.29185 2.61741C2.04003 3.76724 1.27755 5.27963 1.02509 7.11276C0.790899 8.81303 1.00682 10.7199 1.66658 12.7794C2.98997 16.9166 5.97458 21.2662 10.0682 25.0251C14.1617 28.7841 18.8962 31.5267 23.3989 32.7422C25.0577 33.1903 26.6249 33.4156 28.0773 33.4156C28.5761 33.4164 29.0744 33.3883 29.5693 33.3315C31.5651 33.0996 33.2116 32.3992 34.4634 31.2494L36.1576 29.6932C36.6062 29.2802 36.8581 28.7207 36.8581 28.1373C36.8581 27.5539 36.6062 26.9943 36.1576 26.5813Z"
                        fill="white" />
                </svg>

                <div class="position code">0512-8518 0000</div>
            </a>
            <a>
                <svg xmlns="http://www.w3.org/2000/svg" width="50" height="38" viewBox="0 0 50 38" fill="none">
                    <path
                        d="M33.8438 11.6882C34.4188 11.6882 34.9844 11.7276 35.5531 11.784C34.0219 5.35183 26.4 0.574219 17.6969 0.574219C7.96875 0.574219 0 6.55258 0 14.1488C0 18.5318 2.65 22.1313 7.08125 24.9274L5.3125 29.7275L11.5 26.9314C13.7125 27.3232 15.4875 27.7291 17.6969 27.7291C18.2531 27.7291 18.8031 27.7066 19.3469 27.6699C19.0031 26.6016 18.8 25.4855 18.8 24.3214C18.8031 17.348 25.4406 11.6882 33.8438 11.6882ZM24.3312 7.36153C25.6687 7.36153 26.5469 8.15357 26.5469 9.35432C26.5469 10.5494 25.6687 11.3499 24.3312 11.3499C23.0094 11.3499 21.6781 10.5494 21.6781 9.35432C21.6781 8.15075 23.0062 7.36153 24.3312 7.36153ZM11.9469 11.3499C10.6187 11.3499 9.28125 10.5494 9.28125 9.35432C9.28125 8.15357 10.6187 7.36153 11.9469 7.36153C13.275 7.36153 14.1563 8.15075 14.1563 9.35432C14.1563 10.5494 13.275 11.3499 11.9469 11.3499ZM50 24.1297C50 17.7483 42.9188 12.5478 34.9656 12.5478C26.5438 12.5478 19.9156 17.7511 19.9156 24.1297C19.9156 30.528 26.5469 35.7115 34.9656 35.7115C36.7281 35.7115 38.5062 35.3141 40.275 34.9138L45.1281 37.3153L43.7969 33.3241C47.35 30.917 50 27.7291 50 24.1297ZM30.0844 22.1313C29.2062 22.1313 28.3156 21.342 28.3156 20.5359C28.3156 19.741 29.2062 18.9405 30.0844 18.9405C31.4281 18.9405 32.3 19.741 32.3 20.5359C32.3 21.342 31.4281 22.1313 30.0844 22.1313ZM39.8187 22.1313C38.9469 22.1313 38.0594 21.342 38.0594 20.5359C38.0594 19.741 38.9437 18.9405 39.8187 18.9405C41.15 18.9405 42.0344 19.741 42.0344 20.5359C42.0344 21.342 41.15 22.1313 39.8187 22.1313Z"
                        fill="white" />
                </svg>
                <div class="position code">
                    <img src="./images/code.png" alt="">
                </div>
            </a>
            <a href="">
                <svg xmlns="http://www.w3.org/2000/svg" width="36" height="38" viewBox="0 0 36 38" fill="none">
                    <path
                        d="M30.2222 0.893555C32.1185 0.893555 33.5556 1.41426 34.5333 2.45568C35.5111 3.49709 36 4.76762 36 6.26725V28.3869C36 29.0812 35.6889 29.706 35.0667 30.2614L27.6444 36.9265C27.2593 37.232 26.9333 37.4264 26.6667 37.5097C26.4 37.593 26.0593 37.6347 25.6444 37.6347H5.68889C5.00741 37.6347 4.32593 37.5028 3.64444 37.2389C2.96296 36.9751 2.35556 36.6002 1.82222 36.1142C1.28889 35.6282 0.851852 35.045 0.511111 34.3646C0.17037 33.6842 0 32.9275 0 32.0943V6.26725C0 4.62876 0.481481 3.32352 1.44444 2.35154C2.40741 1.37955 3.77778 0.893555 5.55556 0.893555H30.2222ZM20.8889 27.0122C21.2741 27.0122 21.6 26.8873 21.8667 26.6373C22.1333 26.3874 22.2667 26.0819 22.2667 25.7209C22.2667 25.3321 22.1333 25.0197 21.8667 24.7836C21.6 24.5476 21.2741 24.4295 20.8889 24.4295H6.97778C6.59259 24.4295 6.26667 24.5476 6 24.7836C5.73333 25.0197 5.6 25.3321 5.6 25.7209C5.6 26.0819 5.73333 26.3874 6 26.6373C6.26667 26.8873 6.59259 27.0122 6.97778 27.0122H20.8889ZM26.4444 19.1808C26.8296 19.1808 27.1556 19.0558 27.4222 18.8059C27.6889 18.5559 27.8222 18.2505 27.8222 17.8894C27.8222 17.5284 27.6889 17.2229 27.4222 16.973C27.1556 16.7231 26.8296 16.5981 26.4444 16.5981H6.97778C6.59259 16.5981 6.26667 16.7231 6 16.973C5.73333 17.2229 5.6 17.5284 5.6 17.8894C5.6 18.2505 5.73333 18.5559 6 18.8059C6.26667 19.0558 6.59259 19.1808 6.97778 19.1808H26.4444ZM29.2 11.391C29.5852 11.391 29.9111 11.266 30.1778 11.0161C30.4444 10.7662 30.5778 10.4468 30.5778 10.058C30.5778 9.69698 30.4444 9.3915 30.1778 9.14156C29.9111 8.89162 29.5852 8.76665 29.2 8.76665H6.97778C6.59259 8.76665 6.26667 8.89162 6 9.14156C5.73333 9.3915 5.6 9.69698 5.6 10.058C5.6 10.4468 5.73333 10.7662 6 11.0161C6.26667 11.266 6.59259 11.391 6.97778 11.391H29.2Z"
                        fill="white" />
                </svg>
            </a>
        </div>



        <div class="main">

            <div class="section1">
                <div class="swiper1 swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="./images/tu.png" class="img" alt="">
                            <div class="wrap">
                                <h1>为高端而生</h1>
                                <h5>
                                    · 磁 悬 浮 核 心 技 术 解 决 方 案 ·
                                </h5>
                                <div class="pick"> 磁悬浮技术，让世界更洁净、更美好</div>

                                <a href="solution.html" class="common_more">
                                    <p>了解更多</p>
                                    <div class="icon">
                                        <img src="./images/ar.png" alt="">
                                    </div>
                                </a>
                            </div>

                        </div>
                        <div class="swiper-slide">
                            <img src="./images/tu.png" class="img" alt="">
                            <div class="wrap">
                                <h1>为高端而生</h1>
                                <h5>
                                    · 磁 悬 浮 核 心 技 术 解 决 方 案 ·
                                </h5>
                                <div class="pick"> 磁悬浮技术，让世界更洁净、更美好</div>
                                <a href="solution.html" class="common_more">
                                    <p>了解更多</p>
                                    <div class="icon">
                                        <img src="./images/ar.png" alt="">
                                    </div>
                                </a>
                            </div>

                        </div>
                        <div class="swiper-slide">
                            <img src="./images/tu.png" class="img" alt="">
                            <div class="wrap">
                                <h1>为高端而生</h1>
                                <h5>
                                    · 磁 悬 浮 核 心 技 术 解 决 方 案 ·
                                </h5>
                                <div class="pick"> 磁悬浮技术，让世界更洁净、更美好</div>
                                <a href="solution.html" class="common_more">
                                    <p>了解更多</p>
                                    <div class="icon">
                                        <img src="./images/ar.png" alt="">
                                    </div>
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="position">
                    <div class="l">
                        <img src="./images/z.png" alt="" class="click">
                        <div class="swiper-pagination"></div>
                        <div class="cut">
                            <img src="./images/zt.png" alt="">
                            <img src="./images/bf.png" alt="">
                        </div>
                        <img src="./images/y.png" alt="" class="click">
                    </div>
                    <div class="r">
                        <p class="each_p">SCROLLDOWN</p>
                        <div class="line">
                            <div></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="section2">
                <div class="common_title">
                    <div class="eng">PRODUCT RECOMMENDATION</div>
                    <h1>多系列产品，功能完备</h1>
                </div>
                <div class="content">
                    <div class="item">
                        <div class="headline">
                            <div class="e">SCM</div>
                            <h1>SCM磁悬浮晶圆转台</h1>
                        </div>
                        <div class="text">
                            SCM磁悬浮晶圆转台SCM磁悬浮晶圆转台SCM磁悬浮晶圆转台SCM磁悬浮晶圆转台SCM磁悬浮晶圆转SCM磁悬浮晶圆转台
                        </div>
                        <div class="opacity">
                            <a href="products.html">BSP-I30</a>
                            <a href="products.html">BSP-7002 HP</a>
                            <a href="products.html">BSP-I30 HF</a>
                            <a href="products.html">BSP-I30 HP</a>
                        </div>
                        <div class="img">
                            <img src="./images/p1.png" alt="">
                        </div>
                    </div>
                    <div class="item">
                        <div class="headline">
                            <div class="e">SCP</div>
                            <h1>SCP磁悬浮泵</h1>
                        </div>
                        <div class="text">
                            SCM磁悬浮晶圆转台SCM磁悬浮晶圆转台SCM磁悬浮晶圆转台SCM磁悬浮晶圆转台SCM磁悬浮晶圆转SCM磁悬浮晶圆转台
                        </div>
                        <div class="opacity">
                            <a href="products.html">BSP-I30</a>
                            <a href="products.html">BSP-7002 HP</a>
                            <a href="products.html">BSP-I30 HF</a>
                            <a href="products.html">BSP-I30 HP</a>
                        </div>
                        <div class="img">
                            <img src="./images/p2.png" alt="">
                        </div>
                    </div>
                    <div class="item">
                        <div class="headline">
                            <div class="e">MMS</div>
                            <h1>MMS磁悬浮搅拌</h1>
                        </div>
                        <div class="text">
                            SCM磁悬浮晶圆转台SCM磁悬浮晶圆转台SCM磁悬浮晶圆转台SCM磁悬浮晶圆转台SCM磁悬浮晶圆转SCM磁悬浮晶圆转台
                        </div>
                        <div class="opacity">
                            <a href="products.html">BSP-I30</a>
                            <a href="products.html">BSP-7002 HP</a>
                            <a href="products.html">BSP-I30 HF</a>
                            <a href="products.html">BSP-I30 HP</a>
                        </div>
                        <div class="img">
                            <img src="./images/p3.png" alt="">
                        </div>
                    </div>
                    <div class="item">
                        <div class="headline">
                            <div class="e">MMS</div>
                            <h1>MMS磁悬浮搅拌</h1>
                        </div>
                        <div class="text">
                            SCM磁悬浮晶圆转台SCM磁悬浮晶圆转台SCM磁悬浮晶圆转台SCM磁悬浮晶圆转台SCM磁悬浮晶圆转SCM磁悬浮晶圆转台
                        </div>
                        <div class="opacity">
                            <a href="products.html">BSP-I30</a>
                            <a href="products.html">BSP-7002 HP</a>
                            <a href="products.html">BSP-I30 HF</a>
                            <a href="products.html">BSP-I30 HP</a>
                        </div>
                        <div class="img">
                            <img src="./images/p4.png" alt="">
                        </div>
                    </div>
                </div>
            </div>

            <div class="section3">
                <div class="wrap">
                    <div class="common_title">
                        <div class="eng">Solution</div>
                        <h1>为您所在的领域提供节能/洁净解决方案</h1>
                    </div>
                    <div class="content">
                        <div class="item">
                            <img src="./images/it1.png" alt="" class="img">
                            <div class="jump">
                                <h1>半导体</h1>
                                <div class="text">
                                    苏磁科技Supermag®提供超洁净的磁悬浮转台电机、泵浦系统，为高端芯片制程提供高质量的磁悬浮高端装备、技术支持
                                </div>
                                <a href="solution.html" class="common_more">
                                    <p>了解更多</p>
                                    <div class="icon">
                                        <img src="./images/ar.png" alt="">
                                    </div>
                                </a>

                            </div>
                        </div>
                        <div class="item">
                            <img src="./images/it2.png" alt="" class="img">
                            <div class="jump">
                                <h1>生物制药</h1>
                                <div class="text">
                                    苏磁科技Supermag®提供超洁净的磁悬浮转台电机、泵浦系统，为高端芯片制程提供高质量的磁悬浮高端装备、技术支持
                                </div>
                                <a href="solution.html" class="common_more">
                                    <p>了解更多</p>
                                    <div class="icon">
                                        <img src="./images/ar.png" alt="">
                                    </div>
                                </a>

                            </div>
                        </div>
                        <div class="item">
                            <img src="./images/it3.png" alt="" class="img">
                            <div class="jump">
                                <h1>化工</h1>
                                <div class="text">
                                    苏磁科技Supermag®提供超洁净的磁悬浮转台电机、泵浦系统，为高端芯片制程提供高质量的磁悬浮高端装备、技术支持
                                </div>
                                <a href="solution.html" class="common_more">
                                    <p>了解更多</p>
                                    <div class="icon">
                                        <img src="./images/ar.png" alt="">
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="item">
                            <img src="./images/it4.png" alt="" class="img">
                            <div class="jump">
                                <h1>能源</h1>
                                <div class="text">
                                    苏磁科技Supermag®提供超洁净的磁悬浮转台电机、泵浦系统，为高端芯片制程提供高质量的磁悬浮高端装备、技术支持
                                </div>
                                <a href="solution.html" class="common_more">
                                    <p>了解更多</p>
                                    <div class="icon">
                                        <img src="./images/ar.png" alt="">
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="section4">
                <div class="common_title">
                    <div class="eng">Technical advantages</div>
                    <h1>技术自主可控，满足定制化需求</h1>
                </div>
                <div class="content">
                    <img src="./images/bgbg.png" class="bg" alt="">
                    <div>
                        <div class="item">
                            <div class="img">
                                <img src="./images/m1.png" alt="">
                            </div>
                            <div class="text">
                                <span>01</span>
                                <p>不同应用场景的定转子结构</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="img">
                                <img src="./images/m2.png" alt="">
                            </div>
                            <div class="text">
                                <span>02</span>
                                <p>特殊应用的位移传感器设计</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="img">
                                <img src="./images/m3.png" alt="">
                            </div>
                            <div class="text">
                                <span>03</span>
                                <p>自主知识产权的控制系统设计</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="img">
                                <img src="./images/m4.png" alt="">
                            </div>
                            <div class="text">
                                <span>04</span>
                                <p>安全可靠的远程调试技术支持</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="section5">
                <img src="./images/on45.png" class="bg" alt="">
                <div class="wrap">
                    <div class="common_title">
                        <div class="eng">About us</div>
                        <h1>走进苏磁</h1>
                    </div>
                    <div class="pick">
                        苏州苏磁智能科技有限公司Supermag®拥有先进的磁悬浮无轴承电机技术和产品，为半导体、生物制药、化工、能源等领域提供高洁净、低剪切的磁悬浮电机、磁悬浮流体输送和搅拌解决方案。
                    </div>
                    <a href="about.html" class="common_more on">
                        <p>了解更多</p>
                        <div class="icon">
                            <img src="./images/ar.png" alt="">
                        </div>
                    </a>
                    <div class="figure">
                        <div class="item">
                            <div class="dis">
                                <span data-to="20" class="count-item">20</span>
                                <div class="p1">年</div>
                            </div>
                            <p>技术积累</p>
                        </div>
                        <div class="item">
                            <div class="dis">
                                <span data-to="50" class="count-item">50 </span>
                                <div class="p2">+</div>
                            </div>
                            <p>研发人员</p>
                        </div>
                        <div class="item">
                            <div class="dis">
                                <span data-to="105" class="count-item">105</span>
                            </div>
                            <p>专利申请</p>
                        </div>
                        <div class="item">
                            <div class="dis">
                                <span data-to="2" class="count-item">2</span>
                                <div class="p1">大</div>
                            </div>
                            <p>生产办公厂址</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="section6">
                <img src="./images/on6.png" class="bg" alt="">
                <div class="wrap">
                    <div class="common_title">
                        <div class="eng">news</div>
                        <h1>新闻动态</h1>
                    </div>
                    <div class="top">
                        <a href="about.html" class="common_more on">
                            <p>了解更多</p>
                            <div class="icon">
                                <img src="./images/ar.png" alt="">
                            </div>
                        </a>
                        <div class="cut">
                            <div class="list on">企业新闻</div>
                            <div class="list">企业动态</div>
                        </div>
                    </div>
                    <div class="bottom">
                        <div class="matter on">
                            <div class="swiper2 swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <a href="newsInfo.html" class="item">
                                            <div class="time">2024.<p>01.08</p>
                                            </div>
                                            <div class="text">苏磁科技获超亿元A轮融资，专注于洁净、可苏磁科技获超亿元A轮融资，专注于洁净、可..</div>
                                            <div class="img">
                                                <img src="./images/de1.png" alt="">
                                            </div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="newsInfo.html" class="item">
                                            <div class="time">2023.<p>12. 20</p>
                                            </div>
                                            <div class="text">SEMICON JAPAN 2023丨苏磁科技-首个海外亮相...</div>
                                            <div class="img">
                                                <img src="./images/de2.png" alt="">
                                            </div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="newsInfo.html" class="item">
                                            <div class="time">2023.<p>07. 10</p>
                                            </div>
                                            <div class="text">SEMICON CHINA 2023苏磁科技参展风采</div>
                                            <div class="img">
                                                <img src="./images/de3.png" alt="">
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="line">
                                <div></div>
                            </div>
                        </div>
                        <div class="matter">
                            <div class="swiper2 swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <a href="newsInfo.html" class="item">
                                            <div class="time">2024.<p>01.08</p>
                                            </div>
                                            <div class="text">苏磁科技获超亿元A轮融资，专注于洁净、可苏磁科技获超亿元A轮融资，专注于洁净、可苏磁科技获超亿元A轮融资，专注于洁净、可..</div>
                                            <div class="img">
                                                <img src="./images/de1.png" alt="">
                                            </div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="newsInfo.html" class="item">
                                            <div class="time">2023.<p>12. 20</p>
                                            </div>
                                            <div class="text">SEMICON JAPAN 2023丨苏磁科技-首个海外亮相...</div>
                                            <div class="img">
                                                <img src="./images/de2.png" alt="">
                                            </div>
                                        </a>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="newsInfo.html" class="item">
                                            <div class="time">2023.<p>07. 10</p>
                                            </div>
                                            <div class="text">SEMICON CHINA 2023苏磁科技参展风采</div>
                                            <div class="img">
                                                <img src="./images/de3.png" alt="">
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="line">
                                <div></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>







        <div class="foot">
            <form action="javascript:;">
                <div class="l">
                    <p class="p1">磁悬浮核心技术解决方案</p>
                    <p class="p2">更多信息，欢迎与我们技术专家交流</p>
                </div>
                <div class="content">
                    <div class="list">
                        <div class="img">
                            <img src="./images/st1.png" alt="">
                        </div>
                        <div class="o">
                            <p>姓名<b>*</b></p>
                            <input  class="oninput form_name" type="text" required>
                        </div>
                    </div>
                    <div class="list">
                        <div class="img">
                            <img src="./images/st2.png" alt="">
                        </div>
                        <div class="o">
                            <p>电话<b>*</b></p>
                            <input class="oninput form_phone" type="text" required>
                        </div>
                    </div>
                    <div class="list">
                        <div class="img">
                            <img src="./images/st3.png" alt="">
                        </div>
                        <div class="o">
                            <p>邮箱<b>*</b></p>
                            <input name="email" class="oninput form_email" type="text" required>
                        </div>
                    </div>
                    <div class="list">
                        <div class="img">
                            <img src="./images/st4.png" alt="">
                        </div>
                        <div class="o">
                            <p>企业</p>
                            <input name="company" class="oninput form_company" type="text">
                        </div>
                    </div>
                    <div class="list all">
                        <div class="img">
                            <img src="./images/st5.png" alt="">
                        </div>
                        <div class="o">
                            <p>应用行业领域<b>*</b></p>
                            <input class="oninput form_industry" type="text" required>
                        </div>
                    </div>
                    <div class="list textarea">
                        <div class="img">
                            <img src="./images/st6.png" alt="">
                        </div>
                        <div class="o">
                            <p>需求描述<b>*</b></p>
                            <textarea class="oninput form_message"   id="" cols="30" rows="10" required></textarea>
                        </div>
                    </div>
                    <button type="submit">提交</button>
                </div>
                <div class="logo">
                    <img src="./images/logo.png" alt="">
                </div>
            </form>
            <div class="dom">
                <div class="icons">
                    <a>
                        <img src="./images/f1.png" alt="">
                        <div class="code">
                            <img src="./images/code.png" alt="">
                        </div>
                    </a>
                    <a href="">
                        <img src="./images/f2.png" alt="">
                    </a>
                    <a href="">
                        <img src="./images/f3.png" alt="">
                    </a>
                </div>
                <div class="copyright">
                    Copyright © 苏州苏磁智能科技-超级磁悬浮 All Rights Reserved. <a href="https://beian.miit.gov.cn/"
                        target="_blank">苏ICP备05001864号-1</a>
                </div>
            </div>
        </div>



    </div>
    <script src="./js/jquery-3.6.1.min.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/countUp.js"></script>
    <script>
        new WOW().init();

        var w = document.documentElement.clientWidth


        var swiper1 = new Swiper('.swiper1', {
            speed: 1000,
            effect: 'fade',
            pagination: {
                el: '.section1 .swiper-pagination',
                clickable: true,
            },
            autoplay: {
                delay: 6000,
                disableOnInteraction: false,
            },
            on: {
                init() {
                    setTimeout(function () {
                        $('.section1 .swiper-pagination span').append('<div></div>')
                    }, 10)
                },
                slideChange() {
                    if (this.realIndex > 0) {
                        this.params.autoplay.delay = 5000
                    }
                }
            }
        })

        $('.home .main .section1 .position .l .click:last-child').click(function () {
            swiper1.slideNext()
        })

        $('.home .main .section1 .position .l .click:first-child').click(function () {
            swiper1.slidePrev()
        })

        $('.home .main .section1 .position .l .cut').click(function () {
            if ($('.home .main .section1 .position .l').is('.on')) {
                swiper1.params.autoplay.delay = 6000
                swiper1.autoplay.start()
                // if (this.realIndex !== 0) {
                //
                // }
            } else {
                swiper1.autoplay.stop()
            }
            $('.home .main .section1 .position .l').toggleClass('on')

        })

        $('.each_p').each(function (i, e) {
            var text = $(e).text()
            var split = text.split('')
            var html = '';
            for (let j = 0; j < split.length; j++) {
                html += '<div style="display: inline-block">' + split[j] + '</div>'
            }
            $(e).html(html)
            $(e).find('div').each(function (index, ele) {
                var s = index * 0.04 + 1
                $(ele).css('animation-delay', s + 's')
            })
        })

        function swiper2Line(w, l, index, div) {
            console.log(div)

        }

        $('.oninput').on('input', function () {
            if ($(this).val() !== '') {
                $(this).siblings().hide()
            } else {
                $(this).siblings().show()
            }
        })


        $('.swiper2').each(function (i, e) {
            new Swiper($(e)[0], {
                speed: 1000,
                slidesPerView: 3,
                spaceBetween: 59,
                loop: true,
                autoplay:true,
                on: {
                    init() {
                        var w = $(e).siblings().width()
                        var l = $(e).find('.swiper-slide:not(.swiper-slide-duplicate)').length
                        var index = this.realIndex + 1
                        var div = $(e).siblings().find('div')
                        var n = (w / l) * index;
                        div.css('width', n + 'px')
                    },
                    slideChange() {
                        var w = $(e).siblings().width()
                        var l = $(e).find('.swiper-slide:not(.swiper-slide-duplicate)').length
                        var index = this.realIndex + 1
                        var div = $(e).siblings().find('div')
                        var n = (w / l) * index;
                        div.css('width', n + 'px')
                    }
                },
                breakpoints: {
                    100: {
                        slidesPerView: 1,
                        spaceBetween: 20,
                    },
                    1024: {
                        slidesPerView: 3,
                        spaceBetween: 59,
                    }, // 大于等于 1024
                }
            })
        })

        $('.home .main .section6 .wrap .top .cut .list').click(function () {
            $(this).addClass('on').siblings().removeClass('on')
            $('.home .main .section6 .wrap .bottom .matter').removeClass('on').eq($(this).index()).addClass('on')
        })


        const countItems = document.querySelectorAll('.count-item');
        function onIntersection(entries, observer) {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    const e = entry.target;
                    animateCount(e);
                    // observer.unobserve(e);
                }
            });
        }
        const observer = new IntersectionObserver(onIntersection);
        countItems.forEach(item => observer.observe(item));
        function animateCount(e) {
            var demo = { score: 0 },
                scoreDisplay = e,
                to = e.getAttribute('data-to'),
                speed = e.getAttribute('data-speed') * 1,
                separator = e.getAttribute('data-separator'),
                to_fixed = e.getAttribute('data-fixed');

            if (to !== null) {
                if (to.indexOf('.') !== -1) {
                    var automatic = (to.length - 1) - to.indexOf('.')
                }
            }
            if (speed === 0) {
                speed = 1;
            }
            TweenLite.to(demo, speed, {
                score: to,
                onUpdate: showScore
            });
            function showScore() {
                if (separator !== null) {
                    scoreDisplay.innerHTML = formatNumberWithCommasAndDecimal(demo.score, to_fixed, separator);
                } else if (to_fixed !== null) {
                    scoreDisplay.innerHTML = demo.score.toFixed(automatic);
                } else {
                    scoreDisplay.innerHTML = demo.score.toFixed(0);
                }
            }
        }
        function formatNumberWithCommasAndDecimal(number, decimalPlaces, separator) {
            var formattedNumber = number.toFixed(decimalPlaces);
            formattedNumber = formattedNumber.replace(/\B(?=(\d{3})+(?!\d))/g, separator);
            return formattedNumber;
        }
    </script>
</body>

</html>